/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
@import url("reset.css");

/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */
@font-face {
    font-family: 'AvenirLTStd45Book';
    src: url('../fonts/enirltstdbookwebfont.eot');
    src: url('../fonts/enirltstdbookwebfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/enirltstdbookwebfont.woff') format('woff'),
    url('../fonts/enirltstdbookwebfont.ttf') format('truetype'),
    url('../fonts/enirltstdbookwebfont.svg#AvenirLTStd45Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd35Light';
    src: url('../fonts/nirltstdlightwebfont.eot');
    src: url('../fonts/nirltstdlightwebfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/nirltstdlightwebfont.woff') format('woff'),
    url('../fonts/nirltstdlightwebfont.ttf') format('truetype'),
    url('../fonts/nirltstdlightwebfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
= COMMON
-------------------------------------------------------------------------------------- */
body,
input,
textarea,
select,
#header ul li {font-family:'AvenirLTStd45Book', Arial, Helvetica, sans-serif;}
p,
ul li,
ol li {font-family:'AvenirLTStd35Light', Arial, Helvetica, sans-serif;}

.button {
    display:inline-block; zoom:1; *display:inline;
    height:16px;
    padding:0 5px;
    font-size:11px; line-height:16px; color:#fff; text-decoration:none;
    background:#f9a61a;
}

.form-button {
    display:inline-block; zoom:1; *display:inline;
    height:31px;
    padding:0 17px; margin:0 auto;
    line-height:31px; color:#fff; font-size:15px; text-shadow:1px 1px 0 rgba(0,0,0,0.75); text-decoration:none;
    background:url(../img/form-button-bgr.png) 0 0 no-repeat;
    border:0;
    border-radius:3px;
}
.button-search {
    padding:0 55px 0 17px;
    background-position:100% 0;
}

a.remove-button,
a.add-button {
    display:inline-block; zoom:1; *display:inline;
    font-size:11px; text-decoration:none;
    background-position:0 0; background-repeat:no-repeat;
    border-radius:3px;
}
a.remove-button {
    height:18px;
    padding:0 11px 0 25px;
    line-height:18px; color:#424144;
    background-image:url(../img/button-remove.png);
}
a.add-button {
    height:23px;
    padding:0 15px 0 30px;
    line-height:23px; color:#fff;
    background-image:url(../img/button-add.png);
}

.star-rating-box .star-rating-control {overflow:hidden;}
div.rating-cancel{display:none;}
div.star-rating-readonly a{cursor:default !important}
.star-rating-box .star-rating {float:left;}
.star-rating-box .star-rating a {
    display:block;
    width:12px; height:12px;
    text-indent:-9999px;
    background:url(../img/icons-star-rating.png) 0 0 no-repeat;
    cursor:pointer;
}
.star-rating-box .star-rating-on a,
.star-rating-box .star-rating-hover a {background-position:0 -20px;}




/*
= TOP
-------------------------------------------------------------------------------------- */
#top-wrap {background:url(../img/top-bgr.jpg) 50% 0 no-repeat;}
#top,
#header {
    width:920px;
    margin:0 auto;
}

#top {
    padding:10px 0 3px;
    border-bottom:#c8cce4 solid 1px;
}
#top p {
    float:left;
    padding-left:10px;
    font-size:10px; color:#5c6168;
}
#top ul {
    float:right;
    margin:0; padding-right:10px;
    list-style-type:none;
}
#top ul li {
    float:left;
    padding:0 10px;
    font-size:11px; line-height:11px;
    border-right:#c1cad7 solid 1px;
}
#top ul li:last-child {
    position:relative;
    padding:0 0 0 30px;
    border-right:0;
}
#top ul li a {color:#5f6267; text-decoration:none;}

#top ul li:last-child a {
    display:block;
    width:53px;
    background:url(../img/arrow-down.png) 96% 50% no-repeat;
}
#top ul li:last-child:after {
    content:"";
    position:absolute; left:8px; top:-9px;
    width:16px; height:23px;
    background:url(../img/icon-globe.png) 0 0 no-repeat;
}
#top ul li ul {
    position:absolute; left:26px; top:0; display:none;
    padding-top:18px;
}
#top ul li ul li {border-right:0; padding:2px 5px !important;}
#top ul li ul li:after {display:none;}
#top ul li ul li a {width:auto; background:none !important;}
#top ul li ul li a:hover {text-decoration:underline;}


#header {
    height:122px;
}
#header h1 {
    float:left;
    margin:23px 0 0 10px;
}
#header h1 a {
    display:block;
    width:199px; height:64px;
    text-indent:-9999px;
    background:url(../img/logo.png) 0 0 no-repeat;
}
#header ul {
    float:right;
    margin:50px 0 0 0;
    list-style-type:none;
    background:url(../img/nav-bgr.jpg) 0 0 repeat-x;
    border-radius:5px;
}
#header ul li {
    float:left;
    background:url(../img/nav-separator.png) 100% 50% no-repeat;
}
#header ul li:last-child {background:none;}
#header ul li a {
    display:block;
    height:35px;
    padding:0 42px;
    font-size:15px; color:#fff; line-height:35px; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-weight:bold;
}
#header ul li.active a {background:url(../img/nav-selected.jpg) 50% 100% no-repeat;}



/*
= CONTENT
-------------------------------------------------------------------------------------- */
#home-placeholder {background:url(../img/home-bgr.jpg) 50% 150px no-repeat;}

#wrap {
    width:920px;
    margin:0 auto; padding:0 0 20px 0;
}
#home-placeholder #wrap {padding-top:20px;}


/* Sidebar ------------------------------------- */
#aside {
    float:left; position:relative; z-index:10;
    width:296px;
}
#aside h3 {
    margin-bottom:5px;
    font-size:19px; color:#696f6c; font-weight:300;
}

#aside ol {
    margin:0;
    list-style-type:none;
}
#aside ol li {
    position:relative;
    height:50px; padding:10px 0 0 45px;
    font-size:15px; color:#313738;
    margin-bottom:6px;
    background:#e2e2e2;
    border-radius:5px;
}
#aside ol li span {
    position:absolute; left:9px; top:6px;
    width:26px; height:26px;
    font-size:21px; line-height:26px; color:#fff; text-align:center;
    background:url(../img/steps-number-bgr.png) 0 0 no-repeat;
}
#aside ol li.active {
    text-shadow:1px 1px 0 rgba(255,255,255,0.5);
    background:url(../img/step-selected-bgr.png) 0 0 repeat-x;
    border-radius:5px 0 0 5px;
}
#aside ol li.active:after {
    content:"";
    position:absolute; top:0; right:-14px;
    width:14px; height:60px;
    background:url(../img/step-selected-bgr.png) 0 -60px no-repeat;
}
#aside ol li.active span {color:#000; background-position:0 -40px;}

/* Siebar orange box */
.box-orange {
    position:relative;
    padding:18px 15px; margin-bottom:20px;
    text-align:center;
    background: #fccd33;
    background: -moz-linear-gradient(top, #fccd33 0%, #fbaf31 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fccd33), color-stop(100%, #fbaf31));
    background: -webkit-linear-gradient(top, #fccd33 0%, #fbaf31 100%);
    background: -o-linear-gradient(top, #fccd33 0%, #fbaf31 100%);
    background: -ms-linear-gradient(top, #fccd33 0%, #fbaf31 100%);
    background: linear-gradient(top, #fccd33 0%, #fbaf31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fccd33", endColorstr="#fbaf31", GradientType=0);
    border-radius:5px;
}
.top-arrow-box:before {
    content:"";
    position:absolute; left:19px; top:0;
    width:23px; height:10px;
    background:url(../img/side-box-top-arrow.png) 0 0 no-repeat;
}
.box-orange h4 {
    margin-bottom:25px;
    font-size:15px; color:#4c4c4e; text-shadow:1px 1px 0 rgba(255,255,255,0.57); text-align:left;
}
.box-orange h5 {
    margin-bottom:20px;
    font-size:16px; color:#000; text-shadow:1px 1px 0 rgba(255,255,255,0.57); font-weight:normal;
}
.box-orange h6 {
    margin:-5px 0 20px;
    font-size:12px; color:#30302d; text-align:left; font-weight:normal; text-shadow:1px 1px 0 rgba(255,255,255,0.2);
}
.box-orange p {
    font-size:11px; color:#30302d; line-height:normal;
}
.box-orange big {
    display:block;
    margin-bottom:20px;
    font-size:21px; color:#3e3e3e; font-weight:bold; text-shadow:1px 1px 0 rgba(255,255,255,0.57); text-align:left;
}
.box-orange big span {font-weight:normal; font-size:16px; color:#000000;}

#aside ul.two-columns {
    margin:0 0 23px;
    list-style-type:none; text-align:left;
    background:url(../img/side-box-vertical-separator.png) 50% 0 repeat-y;
}
#aside ul.two-columns li {
    width:121px;
}

ul.side-form {
    margin:0;
    list-style-type:none;
}
ul.side-form li {
    position:relative;
    margin-bottom:10px;
}
ul.side-form label {
    display:block;
    font-size:12px; color:#000; text-shadow:1px 1px 0 rgba(255,255,255,0.57)
}
ul.side-form img.ui-datepicker-trigger {position:absolute; bottom:1px; right:1px;}
ul.side-form input[type=text],
ul.side-form .ui-dropdownized {
    height:20px; width:113px;
    padding:0 3px;
    font-size:11px; color:#7b7b7b;
    background:#fff;
    border:#bc8925 solid 1px;
    border-radius:1px;
}
ul.side-form .ui-dropdownized {width:123px; padding:0; background:url(../img/icon-combobox.png) 100% 50% no-repeat #fff;}
ul.side-form .ui-dropdownized div {padding-left:3px;}

ul.side-form.wide {
    text-align:left;
}
ul.side-form.wide input[type=text] {
    width:258px;
}

/* Datepicker */
.ui-datepicker {
    display:none;
    padding:10px;
    background:#fff;
    border:#ccc solid 1px;
    box-shadow:0 3px 3px #ccc;
}
.ui-datepicker-header {
    position:relative;
}
.ui-datepicker-title {
    padding:5px 0 10px;
    text-align:center; font-size:14px;
}
a.ui-datepicker-prev,
a.ui-datepicker-next {
    display:block; position:absolute; top:2px;
    width:19px; height:19px;
    text-indent:-9999px;
    background-image:url(../img/calendar-arrows.png);
}
a.ui-datepicker-prev {
    left:0;
    background-position:0 0;
}
a.ui-datepicker-prev:hover {background-position:0 -19px;}
a.ui-datepicker-next {
    right:0;
    background-position:0 -38px;
}
a.ui-datepicker-next:hover {background-position:0 -57px;}

table.ui-datepicker-calendar {
    width:100%;
}
table.ui-datepicker-calendar th {
    font-size:13px;
    background:#f3f3f3;
    border-bottom: 1px solid #E2DEC3; border-top: 1px solid #E2DEC3;
}
table.ui-datepicker-calendar th:nth-child(2n) {background:#f1f1f1;}
table.ui-datepicker-calendar th,
table.ui-datepicker-calendar td a {
    padding:8px 10px;
    vertical-align:middle; text-align:center; color:#666; text-decoration:none; font-size:13px;
}
table.ui-datepicker-calendar td a {
    display:block;
}
table.ui-datepicker-calendar td a:hover {
    background:#f1f1f1;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day {
    background:#f48910;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day a {
    color:#fff;
}



/* Main ------------------------------------- */
#main {
    float: right;
    width: 593px;
    padding-right: 15px;
}

.home-slider {
    position:relative;
    height:270px;
    margin-bottom:25px;
}
.home-slider ul {
    position:absolute; left:0; bottom:0; z-index:10;
    width:90%;
    margin:0;
    list-style-type:none; text-align:center;
}
.home-slider ul li {
    display:inline-block;
}
.home-slider ul li a {
    display:inline-block;
    width:11px; height:11px;
    text-indent:-9999px;
    background:url(../img/slider-tab-nav.png) 0 0 no-repeat;
}
.home-slider ul li.ui-tabs-selected a {background-position:0 -20px;}
.slider-box {
    position:relative;
    height:270px;
}
.slider-box .info {
    position:absolute; bottom:25px; right:0; z-index:3;
    width:190px; height:99px;
    padding:0 13px 0 32px;
    background:url(../img/featured-item-text-bgr.png) 0 0 no-repeat;
}
.slider-box .info h4 {
    padding:5px 0;
    font-size:18px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.45); font-weight:normal;
}
.slider-box .info p {
    font-size:11px; color:#fff; line-height:14px; text-shadow:1px 1px 0 rgba(0,0,0,0.45);
}
.slider-box .button {position:absolute; left:32px; bottom:13px;}
.slider-box big {
    position:absolute; right:13px; bottom:13px;
    font-size:31px; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.45); line-height:11px;
}
.slider-box big span {font-size:15px; font-weight:normal;}

.title {
    position:relative;
    margin-bottom:20px; padding:10px 0 3px 5px;
    border-bottom:#e3e2e2 solid 1px;
}
.title.no-line {border-bottom:0;}
.title h2 {font-size:21px; color:#3e4542;}
.title h2 span {font-weight:normal;}
.title p {
    position:absolute; top:14px; right:0;
    font-size:12px; color:#696f6c;
}


.three-columns,
.two-columns {margin-bottom:30px;}


.car-box {
    position:relative;
    padding:4px;
    background:url(../img/small-box-gradient.jpg) 0 100% repeat-x #fff;
    border:#fff solid 1px;
    border-radius:4px;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.three-columns .car-box {
    float:left;
    width:180px; height:104px;
    margin-right:11px;
}
.three-columns .car-box:last-child {margin-right:0;}
.car-box h3 {
    font-size:19px; color:#3e3e3e; font-weight:normal;
    border-bottom:#dddcdc solid 1px;
}
.car-box h4 {font-size:17px; color:#3e3e3e; text-shadow:1px 1px 1px #fff;}
.car-box img {position:absolute; top:-10px; right:0;}
.car-box .button {position:absolute; left:4px; bottom:4px;}
.car-box big {
    position:absolute; right:4px; bottom:0;
    font-size:19px; color:#3e3e3e; text-shadow:1px 1px 1px #fff; font-weight:bold;
}
.car-box big span {font-size:13px; color:#5f6062; font-weight:normal;}



.search-list .car-box {
    overflow:hidden;
    margin-bottom:20px; padding:10px;
}
.search-list .car-box img {
    position:relative; top:auto; right:auto; float:left;
}
.search-list .car-box .details {
    float:right; position:relative;
    width:430px; height:110px;
}
.search-list .car-box .details .star-rating-box {position:absolute; top:7px; right:0;}
.search-list .car-box .details h3 {margin-bottom:5px; font-size:18px;}
.search-list .car-box .details h3 span {font-weight:bold;}
.search-list .car-box .details p {font-size:12px; line-height:15px; padding-right:120px;}
.search-list .car-box .details .consumption,
.details-page .details-info .consumption {
    position:absolute; top:30px; right:0;
    padding-left:25px;
    line-height:20px; font-size:11px; color:#4b4b4e;
    background:url(../img/icons-spec.png) 0 -344px no-repeat;
}
.search-list .car-box .details big {
    bottom:20px;
    font-size:21px;
}
.search-list .car-box .details .button {
    right:0; left:auto; bottom:0;
    width:70px;
    text-align:center;
}
.search-list .car-box .details ul.spec {
    position:absolute; left:0; bottom:0;
    margin:0;
    list-style-type:none;
}
.search-list .car-box .details ul.spec li,
.technical-details ul.spec li {
    float:left;
    width:40px;
    padding-top:25px;
    text-align:center; color:#4b4b4e; font-size:11px;
    background-image:url(../img/icons-spec.png); background-repeat:no-repeat;
    border-right:#c2c1c0 solid 1px;
}
.search-list .car-box .details ul.spec li.people {background-position:50% 0;}
.search-list .car-box .details ul.spec li.doors {background-position:50% -50px;}
.search-list .car-box .details ul.spec li.luggage {background-position:50% -100px;}
.search-list .car-box .details ul.spec li.automatic {background-position:50% -150px;}
.search-list .car-box .details ul.spec li.aircondition {background-position:50% -200px;}
.search-list .car-box .details ul.spec li.fuell {background-position:50% -250px;}
.search-list .car-box .details ul.spec li.polution {
    width:auto; 
    padding-left:10px;
    background-position:50% -300px;
    border:0;
}

.accomodation-list .car-box img {border-radius:4px;}
.accomodation-list .car-box h3 {font-weight:bold;}
.accomodation-list .car-box dl {
    position:absolute; left:0; bottom:-2px;
    width:174px;
}
.accomodation-list .car-box dl dt,
.accomodation-list .car-box dl dd {
    width:50%;
    padding:2px 0;
    font-size:12px; color:#404040;
    border-top:#c2c0bf solid 1px;
}
.accomodation-list .car-box dl dt {float:left;}
.accomodation-list .car-box dl dd {float:right; font-weight:bold;}

.accomodation-list .car-box dl dt:first-child,
.accomodation-list .car-box dl dd:nth-child(2) {border-top:0;}


.cart-list .car-box .details {width:420px; height:auto;}

.cart-list .car-box .details p {height:30px;}
.cart-list .car-box .details big {bottom:auto; top:78px;}
.cart-options {
    position:relative;
    margin:0 0 8px 0; padding:23px 0 8px 0;
    list-style-type:none;
    border-bottom:#cbc9c9 solid 1px;
}
.cart-options li {
    float:left;
    margin-right:30px;
    line-height:19px; font-size:12px;
}
.cart-options li h5 {font-size:15px; color:#3e3e3e; text-shadow:1px 1px 0 #fff;}
.cart-options li h5 span {font-size:12px; color:#5f6062; font-weight:normal;}
.cart-options li input[type=text] {
    width:36px; height:17px;
    margin-left:3px;
    font-size:12px; color:#000; text-align:center;
    background:#fff;
    border:#afafb0 solid 1px;
}

a.change-car {
    position:absolute; left:0; top:93px;
    width:160px;
    text-align:center; font-size:12px; color:#404040; text-decoration:none;
}
a.change-car:hover {text-decoration:underline;}


h5.total {
    padding-bottom:5px;
    font-size:15px; text-align:right; color:#000; font-weight:normal;
}
h5.total span {
    margin-left:15px;
    font-size:22px; color:#3e3e3e; font-weight:bold;
}


.inner-form {
    margin:0 83px 0 100px; padding-top:20px;
}
.inner-form fieldset {margin-bottom:30px;}
.inner-form h3 {
    margin-bottom:18px;
    font-size:16px; color:#3e4542;
    background:url(../img/form-title-bgr.png) 0 50% repeat-x;
}
.inner-form h3 span {display:inline-block; zoom:1; *display:inline; padding-right:20px; background:#fff;}

.inner-form div.left {width:150px;}
.inner-form div.right {width:230px;}

.inner-form ul {
    margin:0;
    list-style-type:none;
}
.inner-form ul li {margin-bottom:10px;}
.inner-form label {
    display:block;
    margin-bottom:5px;
    font-size:12px; color:#706563;
}
.inner-form label small {font-size:12px; color:#faa61a;}

.inner-form input[type=text],
.inner-form .ui-dropdownized {
    height:24px;
    background:#fff;
    border:#a4a2a2 solid 1px;
    box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
}
.inner-form .ui-dropdownized {background:url(../img/arrow-combo.png) 100% 50% no-repeat #fff;}
.inner-form .ui-dropdownized div {padding:0 10px;}
.inner-form input[type=text] {width:403px; padding:0 10px;}
.inner-form div.left input[type=text] {width:128px;}
.inner-form div.right input[type=text] {width:208px;}

.inner-form .ui-dropdownized.mid {width:142px;}
.inner-form .ui-dropdownized.small {width:57px; margin-right:10px;}

.inner-form p {
    overflow:hidden;
    margin-bottom:20px;
    font-size:12px; color:#463e3d;
}
.inner-form p a {color:#faa61a; text-decoration:none;}
.inner-form p a:hover {text-decoration:underline;}
.inner-form p input {float:left; margin-right:5px;}



.buttons-cart {
    overflow:hidden;
    padding:20px 0 50px 176px;
    border-top:#e3e2e2 solid 1px;
}
.buttons-cart a,
.buttons-cart input {
    float:left;
    height:27px; min-width:100px;
    padding:0 15px; margin-right:10px;
    line-height:27px; font-size:15px; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.8); text-align:center;
    background-image:url(../img/cart-button-bgr.png); background-repeat:repeat-x;
    border:0;
    border-radius:3px;
}
.buttons-cart a {background-position:0 0;}
.buttons-cart input {background-position:0 -27px;}





.info-box {
    overflow:hidden;
}
.two-columns .info-box {
    float:left;
    width:46%;
    margin-right:8%;
}
.two-columns .info-box:last-child {margin-right:0;}

#aside .info-box {
    padding:0 0 20px; margin:0 15px 20px 15px;
    border-bottom:#dddee4 solid 1px;
}
#aside .info-box:last-child {border-bottom:0;}

.info-box h3,
#aside .info-box h3 {
    margin-bottom:7px;
    font-size:13px; color:#faa61a; font-weight:normal;
}
.info-box img {
    float:right;
    margin:0 0 0 20px;
}
.info-box p {font-size:11px; color:#77777a;}


.map-box {
    position:relative;
    padding:15px; margin-bottom:20px;
    background:url(../img/large-box-gradient.jpg) 0 0 repeat-x #f2f2f2;
}
.map-box img {float:right; margin:0 10px 0 20px;}
.map-box .button {position:absolute; left:15px; bottom:15px;}
.map-box h4 {
    margin-bottom:15px;
    font-size:15px; color:#4c4c4e; text-shadow:1px 1px 1px #fff;
}
.map-box p {
    font-size:11px; color:#5c5c60;
}


/*
= DETAILS
-------------------------------------------------------------------------------------- */
.details-page{
    padding-left: 23px;
}
.details-page img.details-thumb {float:left;  margin-bottom: 23px;}

/*Booking box*/
.details-page .two-columns {
    background:  transparent;
    list-style-type: none;
    margin: 0 0 23px;
    text-align: left;
    width: 384px;
    padding-top: 49px;
    padding-left: 16px;
}
.details-page .two-columns h5 {
    color: #767275;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.57);
}
.details-page .two-columns label{
    float: left;
    color: #4c4a4a;
    line-height: 20px;
    padding-left: 3px;
}
.details-page .two-columns input, .details-page .two-columns .ui-dropdownized {
    margin-left: 30px !important;
    float: right;
}
.details-page .two-columns .right{
    width:175px
}
.details-page .two-columns ul.side-form input[type="text"], ul.side-form .ui-dropdownized {
    width: 109px;
    border:1px solid #d8d5d5;
    height: 18px;
    background: url(../img/input-bgr.png) no-repeat right top; 
    color: #1a1a1a;
}
.details-page .three-col big {
    color: #3E3E3E;
    display: block;
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 9px;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.57);
}
.details-page .three-col span{
    font-size: 16px;
}
.details-page .three-col .button {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding: 0 23px;
    font-weight: bold;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.details-page .three-col .book-price{
    margin: 92px 20px 0;
}
/*End Booking box*/

.details-page .details-info {
    float:right;
    width:283px;
}
.details-page .details-book-now{
    width: 576px;
    height:177px;
    background: url(../img/book_now_box.png) no-repeat;
    clear:both;
    margin: 10px 0 10px -8px;
}
.details-page h3 {
    clear:both;
    padding-top:20px; margin-bottom:7px;
    font-size:19px; color:#3e3e3e; font-weight:normal;
    border-bottom:#e3e2e2 solid 1px;
}
.details-page p,
.accomodation-info ul li {
    margin-bottom:20px;
    font-size:12px; line-height:16px; color:#404040;
}

.details-page .details-info .star-rating-box {overflow:hidden; margin-bottom:5px;}
.details-page .details-info .star-rating-box small {float:left; margin-right:5px; font-size:11px; color:#696f6c;}
.details-page .details-info .consumption {
    position:relative; top:auto; right:auto; display:block;
    margin-bottom:25px;
}
.details-page .details-info big {
    display:block;
    margin-bottom:5px;
    font-size:21px; color:#3e3e3e; font-weight:bold;
}
.details-page .details-info big span {font-size:13px; color:#5f6062; font-weight:normal;}
.details-page .details-info .button {height:25px; font-size:12px; padding:0 17px; line-height:25px;}

.details-page .details-info dl {
    overflow:hidden;
    width:193px;
    margin-bottom:20px;
    font-size:12px; color:#404040;
}
.details-page .details-info dl dt,
.details-page .details-info dl dd {
    float:left;
    padding:3px 0;
    border-bottom:#e3e2e2 solid 1px;
}
.details-page .details-info dl dt {
    width:73px;
}
.details-page .details-info dl dd {
    float:left;
    width:120px;
    font-weight:bold;
    border-bottom:#e3e2e2 solid 1px;
}


.technical-details ul.spec,
.technical-details ul.tech-spec {
    float:right;
    width:276px;
    margin:0; padding:20px 0 0 0;
    list-style-type:none;
}
.technical-details ul.tech-spec {float:left; width:220px;}
.technical-details ul.spec li,
.technical-details ul.tech-spec li {
    float:none; overflow:hidden;
    width:auto;
    padding:0 0 5px 42px; margin-bottom:5px;
    text-align:left; font-size:12px; color:#4b4b4e;
    border:0; border-bottom:#e3e2e2 solid 1px;
}
.technical-details ul.tech-spec li {padding:0 0 6px 0; margin-bottom:5px; border:0;}
.technical-details ul.spec li.people {background-position:5px 0;}
.technical-details ul.spec li.doors {background-position:5px -50px;}
.technical-details ul.spec li.luggage {background-position:5px -100px;}
.technical-details ul.spec li.automatic {background-position:5px -150px;}
.technical-details ul.spec li.aircondition {background-position:5px -200px;}
.technical-details ul.spec li.fuel {background-position:5px -250px;}
.technical-details ul.spec li.polution {background-position:5px -300px;}

.technical-details ul.spec li span,
.technical-details ul.tech-spec li span {float:right; width:60px; text-align:center;}
.technical-details ul.tech-spec li span {width:72px;}


.thumb-list {
    overflow:hidden;
    margin:0; padding:5px 0;
    list-style-type:none;
}
.thumb-list li {
    float:left;
    width:176px;
    margin:0 18px 18px 0;
}
.thumb-list li:nth-child(3n) {margin-right:0;}
.thumb-list li a,
a.map-img {
    display:block; position:relative;
}
.thumb-list li a:after,
a.map-img:after {
    content:"";
    position:absolute; bottom:8px; right:8px; z-index:10;
    width:26px; height:27px;
    background:url(../img/icon-enlarge.png) 0 -100px no-repeat;
}
.thumb-list li a:hover:after,
a.map-img:hover:after {background-position:0 0;}
.thumb-list li img,
a.map-img img {display:block; position:relative; z-index:1;}

.video-placeholder {
    display:inline-block; zoom:1; *display:inline;
    padding:10px;
    text-align:center;
    background:#808080;
}
.video-placeholder img {display:block;}


.title h2 em.hotel-rating {
    display:inline-block; zoom:1; *display:inline;
    height:20px;
    margin-left:20px;
    background:url(../img/hotel-star.png) 0 0 repeat-x;
}
.title h2 em.hotel-rating.stars-1 {width:11px;}
.title h2 em.hotel-rating.stars-2 {width:22px;}
.title h2 em.hotel-rating.stars-3 {width:33px;}
.title h2 em.hotel-rating.stars-4 {width:44px;}
.title h2 em.hotel-rating.stars-5 {width:55px;}

.accomodation-info {padding-top:10px;}
.accomodation-details img.details-thumb,
.content-img-box img {border-radius:7px;}
.accomodation-info ul {
    margin:0 0 20px 0;
    list-style-type:none;
}
.accomodation-info ul li {
    float:left;
    width:45%;
    padding-left:5%; margin-bottom:0;
    background:url(../img/bullet-1.png) 19px 5px no-repeat;
}

.content-img-box {border-bottom:#d2cecd solid 1px;}
.content-img-box.right {
    float:right;
    margin:0 0 20px 20px;
}
.content-img-box a {
    display:block;
    padding:5px 0 5px 17px; margin:0;
    font-size:10px; color:#7f7978; font-style:italic; text-decoration:none;
    background:url(../img/bullet-2.png) 0 50% no-repeat;
}

.two-columns.accomodation-info .left {width:263px;}
.two-columns.accomodation-info .right {width:286px;}

.two-columns.accomodation-info h3 {margin-bottom:20px;}
.two-columns.accomodation-info ul li {
    float:none;
    width:auto;
    padding-left:20px;
    background-position:8px 5px;
}


/*
= FOOTER
-------------------------------------------------------------------------------------- */
#footer-wrapper {background:url(../img/footer-bgr.png) 0 0 repeat-x #959595;}
#bottom-wrapper {background:#585858;}

#footer,
#bottom {
    width:920px;
    margin:0 auto;
}

#footer {padding-top:6px;}

#footer h3 {
    display:inline-block; zoom:1; *display:inline;
    height:37px;
    padding:0 65px 0 17px; margin-bottom:35px;
    line-height:37px; color:#514e51; font-size:15px; text-shadow:1px 1px 0 #fff;
    background:url(../img/footer-button-bgr.png) 100% 0 no-repeat;
    border-radius: 0 0 5px 5px;
    box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
#footer .left h3 {margin-left:60px;}
#footer .right h3 {margin-left:-20px;}
#footer h4 {
    margin-bottom:5px;
    font-size:16px; color:#f2f2f2; font-weight:normal; text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}
#footer ul.how-to {
    margin:0 0 20px 0;
    list-style-type:none;
}
#footer ul.how-to li {
    padding:20px 0 20px 77px;
    background-image:url(../img/icons-footer.png); background-repeat:no-repeat;
    border-bottom:#7b7b7b solid 1px; border-top:#a2a2a2 solid 1px;
}
#footer ul.how-to li:first-child {border-top:0;}
#footer ul.how-to li:last-child {border-bottom:0;}

#footer ul.how-to li.search {background-position:0 20px;}
#footer ul.how-to li.book {background-position:0 -130px;}
#footer ul.how-to li.getit {background-position:0 -280px;}
#footer p,
#footer li {
    font-size:13px; color:#f2f2f2; line-height:18px; text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}

#footer .newsletter-box {
    margin:0 -10px 20px -10px;
    border-bottom:#a2a2a2 solid 1px;
}
#footer .newsletter-box fieldset {
    display:block; overflow:hidden;
    padding:20px 25px 20px 10px;
    border-bottom:#7b7b7b solid 1px;
}
#footer .newsletter-box input[type=text] {
    float:left;
    width:155px; height:27px;
    padding:0 10px;
    font-size:12px; color:#5b5b5b;
    background:#c5c5c5;
    border:#8d8d8d;
}
#footer .newsletter-box input[type=submit] {
    float:right;
    height:27px;
    padding:0 27px 0 11px;
    font-size:14px; color:#fff;
    background:url(../img/arrow-button-bgr.png) 100% 50% no-repeat;
    border:#a2a2a2 solid 1px;
    border-radius:3px;
}

#footer .social {
    overflow:hidden;
    margin:0;
    list-style-type:none;
}
#footer .social li {
    float:left;
    margin-right:10px;
}
#footer .social li a {
    display:block;
    width:42px; height:42px;
    text-indent:-9999px;
    background-image:url(../img/icons-social.png); background-repeat:no-repeat;
}
#footer .social li.fb a {background-position:0 0;}
#footer .social li.tw a {background-position:-54px 0;}
#footer .social li.yt a {background-position:-108px 0;}
#footer .social li.li a {background-position:-162px 0;}
#footer .social li.gg a {background-position:-216px 0;}

#footer .left {
    width:528px;
}

#footer .right {
    width:290px;
}


#bottom {position:relative; overflow:hidden; padding:20px;}
#bottom .box {
    float:left;
    margin-right:50px; padding-left:10px;
}
#bottom .box h4 {
    margin-bottom:5px;
    font-size:15px; color:#f2f2f2; font-weight:normal;
}
#bottom .box ul {
    margin:0;
    list-style-type:none;
}
#bottom .box  ul li {
    margin-bottom:2px;
    font-size:12px;
}
#bottom .box ul li a {color:#b2b0b0; text-decoration:none;}
#bottom .box ul li a:hover {text-decoration:underline;}

a.footer-logo {
    position:absolute; bottom:90px; right:10px;
    width:125px; height:41px;
    text-indent:-9999px;
    background:url(../img/logo-footer.png) 0 0 no-repeat;
}

.bottom-nav {
    float:right; clear:both;
    margin:0; padding:10px;
    list-style-type:none;
}

.far-bottom {
    clear:both; overflow:hidden;
    padding:10px 10px 0 10px;
    background:url(../img/h-separator-pattern.png) 0 0 repeat-x;
}
.far-bottom p,
.far-bottom li,
.bottom-nav li {font-size:11px; color:#f5f5f5;}
.far-bottom ul {
    float:left;
    margin:0;
    list-style-type:none;
}
.far-bottom ul li,
.bottom-nav li {
    float:left; position:relative;
    padding-right:11px; margin-right:10px;
}
.far-bottom ul li:last-child,
.bottom-nav li:last-child {margin-right:0; padding-right:0;}
.far-bottom ul li:after,
.bottom-nav li:after {
    content:"";
    position:absolute; top:0; right:0;
    width:1px; height:12px;
    background:#7b7b7b;
}
.far-bottom ul li:last-child:after,
.bottom-nav li:last-child:after {display:none;}
.far-bottom ul li a,
.bottom-nav li a {color:#f5f5f5; text-decoration:none;}
.far-bottom ul li a:hover,
.bottom-nav li a:hover {text-decoration:underline;}
.far-bottom p {
    float:right;
}




/*
= HOTELS LANDING PAGE - OLD STYLE
-------------------------------------------------------------------------------------- */
/*#hotel-placeholder .home-slider {
height:371px;
margin:0 -20px 25px -337px;
}
#hotel-placeholder .slider-box {height:371px;}
#hotel-placeholder .slider-box img {display:block; z-index:1; border-radius:7px;}

#hotel-placeholder .slider-box .info {right:38px;}

#hotel-placeholder .home-slider ul {left:160px; bottom:10px;}


#hotel-placeholder #aside {padding-top:70px;}
#hotel-placeholder #aside h3,
#excursions-placeholder #aside h3 {
margin-bottom:0; padding:6px 13px;
color:#fff; text-shadow:1px 1px 1px #000;
background:#416b79;
border-radius:5px 5px 0 0;
}
#hotel-placeholder #aside .top-arrow-box:before {background-image:url(../img/side-box-top-arrow-blue.png);}
#hotel-placeholder #aside .box-orange,
#excursions-placeholder #aside .box-orange {border-radius:0 0 5px 5px;}

.hotels-featured .car-box img {
z-index:1; display:block; top:0;
border-radius:4px;
}
.hotels-featured .car-box:before {
content:"";
position:absolute; left:0; top:0; z-index:2;
width:100%; height:49px;
background:url(../img/hotem-thumb-shine.png) 0 0 repeat-x;
}
.hotels-featured .car-box h3 {
position:relative; z-index:5;
border:0;
}
.hotels-featured .car-box h3 em {font-style:normal; font-weight:bold;}
.hotels-featured .car-box .bottom {
position:absolute; left:0; bottom:0; z-index:5;
width:100%; height:26px;
background:rgba(255,255,255,0.7);
border-radius:0 0 4px 4px;
}*/

/*
= EXCURSION LANDING PAGE
-------------------------------------------------------------------------------------- */
#excursions-placeholder .box-orange,
#hotel-placeholder .box-orange {height:307px;}

#excursions-placeholder .home-slider,
#hotel-placeholder .home-slider {
    height:371px;
    margin-right:-20px;
}

#excursions-placeholder .slider-box,
#hotel-placeholder .slider-box {height:371px;}
#excursions-placeholder .slider-box img,
#hotel-placeholder .slider-box img {display:block; z-index:1; border-radius:7px;}

#excursions-placeholder .slider-box .info,
#hotel-placeholder .slider-box .info {right:25px;}

#hotel-placeholder #aside h3,
#excursions-placeholder #aside h3 {
    height:23px;
    margin-bottom:0; padding:3px 13px;
    color:#fff; text-shadow:1px 1px 1px #000;
    background:url(../img/exc-form-title-bgr.jpg) 0 100% repeat-x;
    border-radius:5px 5px 0 0;
}
#hotel-placeholder #aside .box-orange,
#excursions-placeholder #aside .box-orange {border-radius:0 0 5px 5px;}

#excursions-placeholder #aside .top-arrow-box:before,
#hotel-placeholder #aside .top-arrow-box:before {background-image:url(../img/side-box-top-arrow-grey.png);}

.exc-featured .car-box img,
.hotels-featured .car-box img {top:10px; right:10px;}
.exc-featured .car-box h3,
.exc-featured .car-box h4,
.exc-featured .car-box small,
.hotels-featured .car-box h3,
.hotels-featured .car-box h4,
.hotels-featured .car-box small {display:block; padding-right:75px;}



/*
= Mobile devices
-------------------------------------------------------------------------------------- */
@media all and (orientation:portrait) {

}
@media all and (orientation:landscape) {

}
@media screen and (max-device-width: 480px) {

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
= Print
-------------------------------------------------------------------------------------- */
@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; }
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}
